*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
}

html {
    font-size: 62.5%;

    @include respond(tab-land) {
        font-size: 56.25%;
    }

    @include respond(tab-port) {
        font-size: 50%;
    }

    @include respond(big-desktop) {
        font-size: 75%;
    }
}

body {
    box-sizing: border-box;
    background: $color-white;

    @include respond(tab-port) {
        padding: 0;
    }
}

.scrollbox {
    position: relative;
    width: 100%;
    flex-shrink: 0;
    transition: .15s ease;
}

.viewbox {
    position: fixed;
    top: 0;
    display: flex;
    align-items: flex-start;
    width: 100%;
    height: 100vh;
}